@model Adams.Admin.DataTransfer.Events.Index.PageLoad
@{
    Layout = "~/Views/Events/_Layout.cshtml";
}
@section Head{
    <link rel="stylesheet" type="text/css" href="@Url.Content("/Content/fullcalendar.css")" />
    <style type="text/css">
        #calendar
        {
            width: 100%;
            margin: 0 auto;
        }
        #loading
        {
            position: absolute;
            top: 5px;
            right: 5px;
        }
    </style>
}
@if (!string.IsNullOrEmpty(ViewBag.Message))
{
    <div class="notification success png_bg">
        <a href="#" class="close">
            <img src="@Url.Content("/Content/images/cross_grey_small.png")" title="Close this notification"
            alt="close" /></a>
        <div>
            @if (ViewBag.Message == "1")
            {
                <b>Successfully saved Events!</b>
            }
            else if (ViewBag.Message == "2")
            {
                <b>Successfully deleted Events!</b>
            }
            else if (ViewBag.Message == "3")
            {
                <b>Successfully saved calendar!</b>
            }
            else if (ViewBag.Message == "4")
            {
                <b>Successfully deleted calendar!</b>
            }
        </div>
    </div>
}
<div class="content-box">
    <!-- Start Content Box -->
    <div class="content-box-header">
        <h3>
            Current Events</h3>
    </div>
    <!-- End .content-box-header -->
    <div class="content-box-content">
        <div id='loading' style='display: none'>
            loading...</div>
        <div id='calendar'>
        </div>
    </div>
    <!-- End .content-box-content -->
</div>
<!-- End .content-box -->
@section Scripts {
    <script type="text/javascript" src="@Url.Content("/Scripts/fullcalendar.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/Events/index.js")"></script>
}
